import 'package:flutter/material.dart';
import 'package:tdesign_flutter/tdesign_flutter.dart';
import 'package:flutter_wisave/HomePage/Class/NoticeClass.dart';
import 'package:flutter_wisave/MessagePage/MessageDetailPage.dart';
import '../widgets/AppColors.dart';

class NewsItem extends StatelessWidget {
  final Map<String, dynamic> data;

  const NewsItem({Key? key, required this.data}) : super(key: key);

  @override
  Widget build(BuildContext context) {
    return GestureDetector(
      // Added GestureDetector for tap detection
      onTap: () {
        // /资讯详情跳转
        Navigator.push(
          context,
          MaterialPageRoute(
              // builder: (context) => MessageDetailPage(
              //     noticeId: data.noticeId),
              builder: (context) => MessageDetailPage(
                  title: data['title'], content: data['content'])),
        );
      },
      child: Container(
        padding: const EdgeInsets.all(12.0),
        margin: const EdgeInsets.symmetric(vertical: 8.0), // 行间距
        decoration: BoxDecoration(
          borderRadius: BorderRadius.circular(8.0), // 圆角边框
          color: AppColors.cardColor, // 背景色
          boxShadow: TDTheme.of(context).shadowsMiddle,
        ),
        child: Column(
          crossAxisAlignment: CrossAxisAlignment.start,
          children: [
            Row(
              mainAxisAlignment: MainAxisAlignment.spaceBetween, // 使内容两端对齐
              children: [
                Row(
                  children: [
                    TDImage(
                      imgUrl: data[
                          'thumbUrl'], //'http://8.137.93.51:8080' + notice.noticePicture,
                      type: TDImageType.square,
                      width: 88,
                      cacheHeight: 88,
                      height: 106,
                      cacheWidth: 106,
                    ),
                    const SizedBox(width: 8), // 间距,
                    Column(
                      crossAxisAlignment: CrossAxisAlignment.start,
                      children: [
                        Container(
                          width: MediaQuery.of(context).size.width - 180,
                          child: TDText(
                            data['title'], //notice.noticeTitle,
                            font: TDTheme.of(context).fontBodyLarge,
                            textColor: AppColors.textPrimary,
                            overflow: TextOverflow.ellipsis, // 限制为一行并添加省略号
                            maxLines: 1, // 最大行数为1
                          ),
                        ),
                        const SizedBox(height: 8), // 间距,
                        Container(
                          width: MediaQuery.of(context).size.width - 180,
                          child: TDText(data['content'], //notice.noticeContent,
                              font: TDTheme.of(context).fontBodySmall,
                              textColor: AppColors.textSecondary,
                              softWrap: true,
                              overflow: TextOverflow.clip,
                              maxLines: 2),
                        ),
                        const SizedBox(height: 8), // 间距,
                        // Row(
                        //   children: [
                        //     TDText(
                        //       notice.createTime,
                        //       font: TDTheme.of(context).fontBodyExtraSmall,
                        //       textColor: AppColors.textPrimary,
                        //     ),
                        //     const SizedBox(width: 8), // 间距,
                        //     Icon(
                        //       TDIcons.browse,
                        //       size: 10,
                        //       color: AppColors.textPrimary,
                        //     ),
                        //     const SizedBox(width: 2), // 间距,
                        //     TDText(
                        //       '232', // 下面的描述文字
                        //       font: TDTheme.of(context).fontBodyExtraSmall,
                        //       textColor: AppColors.textPrimary,
                        //     ),
                        //     // const SizedBox(width: 8), // 间距,
                        //     // Icon(
                        //     //   TDIcons.share,
                        //     //   size: 10,
                        //     //   color: TDTheme.of(context).fontGyColor3,
                        //     // ),
                        //     // const SizedBox(width: 2), // 间距,
                        //     // TDText(
                        //     //   '分享', // 下面的描述文字
                        //     //   font: TDTheme.of(context).fontBodyExtraSmall,
                        //     //   textColor: TDTheme.of(context).fontGyColor3,
                        //     // ),
                        //     // const SizedBox(width: 8), // 间距,
                        //     // Icon(
                        //     //   TDIcons.heart_filled,
                        //     //   size: 10,
                        //     //   color: TDTheme.of(context).errorColor5,
                        //     // ),
                        //     // const SizedBox(width: 2), // 间距,
                        //     // TDText(
                        //     //   '分享', // 下面的描述文字
                        //     //   font: TDTheme.of(context).fontBodyExtraSmall,
                        //     //   textColor: TDTheme.of(context).fontGyColor3,
                        //     // ),
                        //   ],
                        // )
                      ],
                    ),
                  ],
                ),
              ],
            ),
            //   const SizedBox(height: 8), // 在底部添加间距
            //   const Divider(color: Colors.grey, height: 1, thickness: 1, indent: 0, endIndent: 0), // 淡灰色半透明横线，线条贴近cell的最大高度
          ],
        ),
      ),
    );
  }
}
